html,body,div,p,ul,ol,li,dl{margin:0;padding:0;box-sizing: border-box;}
a{text-decoration: none;}
html,body{
    font-size:14px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#container{
    position: absolute;
    width:100%;
    height:100%;
    #nav{
        position: fixed;
        left: 0;
        height: 100%;
        width: 200px;
        background-color: #333;
        padding-top:100px;
        #logo{
            width:180px;
            height: 80px;
            top:10px;
            left: 10px;
            position: absolute;
            img {
                display: block;
                width:100%;
                height:100%;
            }
        }
        #menu{
            overflow-y: auto;
            a{
                color:#fff;
                display: block;
                height: 60px;
                line-height: 60px;
                font-size: 16px;
                padding:0 20px;
                &:hover{
                    background-color: rgb(70, 70, 70);
                }
            }
        }
    }
    #content{
        #header{
            position: fixed;
            z-index: 1;
            top: 0;
            left: 200px;
            width:100%;
            height:100px;
            border-bottom: 1px solid #ccc;
            background-color: #fff;
            .path {
                position: absolute;
                left:30px;
                top:40px;
                color:#333;
                font-size: 16px;
            }
        }
        #main{
            position: absolute;
            top: 100px;
            right:0;
            bottom:0;
            left:200px;
            background-color: #eee;
            overflow: auto;
        }
    }
}

.clearfix{
    &::after, &::before{
        content: ' ';
        height: 0;
        display: block;
        clear: both;
        overflow: hidden;
    }
}